<link href="__STATIC__/images/template/title/img_003/style.css" rel="stylesheet" type="text/css" /> 
<div class="qb_img_003">
<?php if(is_array($__LIST__) || $__LIST__ instanceof \think\Collection || $__LIST__ instanceof \think\Paginator): $i = 0; $__LIST__ = $__LIST__;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$rs): $mod = ($i % 2 );++$i;?>
<?php if(count($rs['picurls'])>1): ?>
	<ul>
		<li>
			<h3><a href="<?php echo $rs['url']; ?>" target="_blank"><?php echo $rs['title']; ?></a></h3>
			<section>
				<?php foreach($rs['picurls'] AS $picurl):  ?>
				<a href="<?php echo $rs['url']; ?>" target="_blank"><span><img src="<?php echo $picurl; ?>" onerror="this.src='__STATIC__/images/nopic.png'"/></span></a>
				<?php  endforeach;  ?>
			</section>
		</li>
	</ul>
<?php  elseif($rs['picurl']):  ?>
	<ul>
		<ol><a href="<?php echo $rs['url']; ?>" target="_blank"><img src="<?php echo $rs['picurl']; ?>" onerror="this.src='__STATIC__/images/nopic.png'"/></a></ol>
		<li>
			<h3><a href="<?php echo $rs['url']; ?>" target="_blank"><?php echo $rs['title']; ?></a></h3>
			<p><?php echo get_word($rs['content'],$cleng>10?:200); ?></p>
			<div><?php echo $rs['time']; ?> · <?php echo $rs['view']; ?>次浏览</div>
		</li>
	</ul>
<?php  else:  ?>
	<ul>
		<li>
			<h3><a href="<?php echo $rs['url']; ?>" target="_blank"><?php echo $rs['title']; ?></a></h3>
			<article><?php echo get_word($rs['content'],$cleng>10?:200); ?></article>
			<div><?php echo $rs['time']; ?> · <?php echo $rs['view']; ?>次浏览</div>
		</li>
	</ul>
<?php endif; ?>
<?php endforeach; endif; else: echo "" ;endif; ?>
</div>
<script>
$(window).resize(function () {          //当浏览器大小变化时
   qb_img_003(); 		
});
$(function(){ 
	qb_img_003();
});
function qb_img_003(){
	$('.qb_img_003').each(function(){
		$(this).find('ul').removeAttr('class');
		var thisObjW=$(this).width();
		if(thisObjW>1200){
			$(this).find('ul').addClass('type1');
		}else if(thisObjW<1200 && thisObjW>801){
			$(this).find('ul').addClass('type2');
		}else if(thisObjW<800 && thisObjW>501){
			$(this).find('ul').addClass('type3');
		}else if(thisObjW<500 && thisObjW>351){
			$(this).find('ul').addClass('type4');
		}else{
			$(this).find('ul').addClass('type5');
		}
	});
}
$('.qb_img_003 img').hover(
	function(){$(this).animate({"max-width":"150%","max-height":"150%"},300);},
	function(){$(this).animate({"max-width":"98%","max-height":"96%"},300);}
);
</script>
